<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:ace="http://www.icefaces.org/icefaces/components"
    xmlns:ice="http://www.icesoft.com/icefaces/component"
    xmlns:icecore="http://www.icefaces.org/icefaces/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:b="http://java.sun.com/jsf/composite/ezcomp"
    template="/resources/templates/template.xhtml">
    
    <ui:define name="title">TallerStudio</ui:define>
   
    <ui:define name="body">
        <h:form id="formBody">
            #{sucursalMBean.selectedText}
            <ace:panel id="pnlEditar" header="Actualización de Sucursal">
                <h:panelGrid columns="5" style="width: 90%" columnClasses="colwidth25,colwidth1,colwidth20,colwidth1,colwidth40">
                      <h:outputLabel value="Nombre" />
                        <h:outputLabel value=":" />
                    <h:column>
                        <h:inputText id="nombreId" styleClass="inputStyle" value="#{sucursalMBean.sucursal.nomSuc}" required="true" requiredMessage="El nombre es requerido." />
                    </h:column>
                    <h:outputLabel value="*" style="color:red;"/>
                    <h:message for="nombreId" errorClass="error" />
                    
                    <h:outputLabel value="Dirección" />
                        <h:outputLabel value=":" />
                    <h:column>
                        <h:inputText id="dirId" styleClass="inputStyle" value="#{sucursalMBean.sucursal.direccion}" required="true" requiredMessage="La dirección es requerida." />
                    </h:column>
                    <h:outputLabel value="*" style="color:red;"/>
                    <h:message for="dirId" errorClass="error" />
                    
                     <!--Auto completar-->
                    <h:outputLabel value="Comuna" />
                    <h:outputLabel value=":" />
                    <h:column>
                        <ace:autoCompleteEntry id="selComunaID"
                                       value="#{sucursalMBean.selectedText}"
                                       listVar="com"
                                       listValue="#{sucursalMBean.comunas}"
                                       filterBy="#{com.nomComu}"
                                       required="true"
                                       requiredMessage="La comuna es requerida."
                                       width="237">
                            <f:facet name="row">
                               <h:outputText value="#{com.nomComu}" />
                            </f:facet>
                        </ace:autoCompleteEntry>
                    </h:column>
                    <h:outputLabel value="*" style="color:red;"/>
                    <h:message for="selComunaID" errorClass="error" />
                    
                    <h:outputLabel value="Teléfono Principal" />
                        <h:outputLabel value=":" />
                    <h:column>
                        <h:inputText id="fonoId" styleClass="inputStyle" value="#{sucursalMBean.sucursal.fono}" required="true" requiredMessage="El teléfono es requerido." />
                    </h:column>
                    <h:outputLabel value="*" style="color:red;"/>
                    <h:message for="fonoId" errorClass="error" />
                    
                  
                    
                    <h:outputLabel value="Teléfono Secundario" />
                    <h:outputLabel value=":" />
                    <h:inputText id="fono2Id" styleClass="inputStyle" value="#{sucursalMBean.sucursal.fono2}" />

                </h:panelGrid>
            </ace:panel>
           <div id="contenidoBotonesId" class="contenidoBotones">
               <f:ajax>
                <b:boton value="Volver a la lista" title="Volver a la lista" styleClass="flotarIzquierda" action="#{sucursalMBean.volver}"/>
               </f:ajax> 
                <b:boton value="Aceptar" title="Aceptar" styleClass="flotarDerecha" action="#{sucursalMBean.editar}"/>
            </div>
        </h:form>
    </ui:define>

</ui:composition>

